<#assign module="sys"/>

<@override name="header">
</@override>
<@override name="body">

<div class="row">
	<div class="col-xs-5">
	  	<div class="btn-group">
		  <a class="btn btn-default" href="${ctx}/sms/list">发送记录</a>
		  <a class="btn btn-default active" href="${ctx}/sms/recharge">充值记录</a>
		</div>
  	</div>
</div>

<div class="row margin-top">
	<div class="col-xs-12">
	<div class="table-responsive">
	<div class="panel panel-primary">
		<table class="table table-hover table-striped">
			<thead>
			<tr style="font-size:14px;">
				<th>充值金额</th>
				<th>充值明细</th>
				<th>充值时间</th>
			</tr>
			</thead>
			<#if page??>
			<tbody>
				<#if (page.content)?? >
			  	<#list page.content as data>
					<tr>
						<td>${data.money?if_exists}</td>
						<td>${data.details?if_exists}</td>
						<td>${data.created?if_exists}</td>
					</tr>
				</#list>
				</#if>
			</tbody>
			</#if>
		</table>
		<#if page?? && page.totalElements??>
		<ul class="pagination pull-right pagination-sm">
			<li><a>共 ${page.totalElements} 条数据</a></li>
			<@pg.pager items=page.totalElements?number maxPageItems=20 export="currentPageNumber=pageNumber" url="${ctx}/sms/recharge">
				<@pg.index>
					<@pg.first>
						<li><a href="${pageUrl}">&laquo;</a></li>
					</@pg.first>
					<@pg.prev>
						<li><a href="${pageUrl}">&lsaquo;</a></li>
					</@pg.prev>
					<@pg.pages>
						<#if  currentPageNumber == pageNumber >
							<li class="active"><a href="#">${pageNumber}</a></li>
						<#else>
							<li><a href="${pageUrl}">${pageNumber}</a></li>
						</#if>
					</@pg.pages>
					<@pg.next>
						<li><a href="${pageUrl}">&rsaquo;</a></li>
					</@pg.next>
					<@pg.last>
						<li><a href="${pageUrl}">&raquo;</a></li>
					</@pg.last>
				</@pg.index>
			</@pg.pager>
		</ul>
		</#if>
	</div>
	</div>
	</div>
</div>

</@override>

<@override name="footer">
	
</@override>
<@extends name="../layout.ftl"/>